    <!-- ************** 头部内容区 start ************** -->
    <div class="MZ_header">
        <!-- 导航栏 nav -->
        <div class="nav">
            <!-- 上nav -->
            <div class="header_nav">
                <div class="log">
                    <a href="../html/index1.html">
                        <img src="../images/log01.png" alt="">
                    </a>
                </div>
                <ul class="navul">
                    <li class="star" abc="phone">
                        <a href="javascript:;">手机</a>
                    </li>
                    <li class="star" abc="Lipro">
                        <a href="javascript:;">Lipro</a>
                    </li>
                    <li class="star" abc="earpiece">
                        <a href="javascript:;">声学</a>
                    </li>
                    <li class="star" abc="other">
                        <a href="javascript:;">配件</a>
                    </li>
                    <li class="star" abc="clothes">
                        <a href="javascript:;">生活</a>
                    </li>
                    <li>
                        <a href="javascript:;">Flyme</a>
                    </li>
                    <li>
                        <a href="javascript:;">服务</a>
                    </li>
                    <li>
                        <a href="javascript:;">专卖店</a>
                    </li>
                    <li>
                        <a href="javascript:;">社区</a>
                    </li>
                    <li>
                        <a href="javascript:;">企业服务</a>
                    </li>
                    <li class="app">
                        <a href="javascript:;">APP下载</a>
                    </li>
                </ul>
                <div class="inputBox">
                    <input class="search" type="text" placeholder="魅族18">
                   <a href="#goodslistall"> <i class="iconfont icon-sousuo"></i></a>
                </div>
                <div class="user">
                    <i class="iconfont icon-yonghu"></i>
                    <div class="u_box">
                        <ul class="meizu-header-user-dropdown">
                            <li class="logli">
                                <a href="./login.html">立即登录</a>
                            </li>
                            <li class="registli">
                                <a href="./register.html">立即注册</a>
                            </li>
                            <li>
                                <a href="./login.html">我的订单</a>
                            </li>
                            <li>
                                <a href="https://mformy.meizu.com/">M码通道</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="spCart">
                    <i class="iconfont icon-shoppingcart"></i>
                </div>
            </div>
            <!-- 二级导航 shadowBox star -->
            <div class="shadowBox">
                <div class="shadow">
                    <ul class="navList">
                        <li>
                            <img src="../images/phone_ 1.png" alt="">
                            <p>魅族18[踏雪]</p>
                            <span>￥4399</span>
                        </li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
            <!-- 二级导航 shadow end -->
            <!-- 二级导航 imgBox star -->
            <div class="imgBox">
                <div class="box">
                    <img src="../images/app.jpg" alt="">
                </div>
            </div>
            <!-- 二级导航 imgBox end -->
        </div>
    </div>
    <!-- ************** 头部内容区 end ************** -->
